import React from 'react';
import HotArticlePanel from 'Main/Home/hotArticlePanel'
import Grid from '@material-ui/core/Grid'
import { withStyles } from '@material-ui/core/styles'
import WelcomPaper from 'Main/welcomPaper'

const styles = (theme) => ({
  welcomPaper:{
    marginBottom: theme.spacing(2)
  }
})

class Home extends React.Component {
  componentDidMount() {
  }

  render() {
    const { classes } = this.props;
    return (
      <Grid container>
        <Grid item xs={12} className={classes.welcomPaper}>
          <WelcomPaper title="良言" description="黄良的个人博客"/>
        </Grid>
        <Grid item xs={2} sm={3} lg={4} />
        <Grid item xs={8} sm={6} lg={4}>
          <HotArticlePanel />
        </Grid>
        <Grid item xs={2} sm={3} lg={4} />
      </Grid>
    )
  }
}

export default withStyles(styles, { withTheme: true })(Home);